<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <a href="#top">2222</a>

    <div id="a">跳转到百度</div>

    <script>

        // window对象的属性
        //   navigator   浏览器相关信息
        //      userAgent / appVersion
        //   location    地址栏
        //   history     历史记录


        console.log(window.navigator);
        // console.log(navigator.appVersion);
        // console.log(navigator.userAgent);


        // 判断安卓手机
        if(navigator.userAgent.includes('Android')) {
            alert('使用的是安卓手机');
        }


        // 判断苹果手机
        if(navigator.userAgent.includes('iPhone')) {
            alert('苹果手机');
        }


        // live server vscode模拟的假的服务器
        console.log(location) ;  // http://127.0.0.1:5500/day13/%E8%AF%BE%E5%A0%82%E4%BB%A3%E7%A0%81/html/05_window%E5%AF%B9%E8%B1%A1%E7%9A%84%E5%B1%9E%E6%80%A7.html

        // location的主要属性
            // 协议 protocol:   http / https
            // 域名 hostname    jd.com
            // 端口号 port     80
            // 主机  host   域名+端口号  
            
            // 主要组成部分  origin :   协议+域名+端口号

            // 路径  pathname   斜杠后面的内容

            // href  整个地址栏

            // 锚点  hash   #id

            // search  问号及后面的一串

        // location的方法
        //    assign()  实现页面的跳转  --- 会产生历史记录(可以返回去)
        //    replace() 替换当前文档    --- 不会产生历史记录(不能返回去)
        //    reload()  刷新

        var oDiv = document.getElementById('a') ;
        oDiv.onclick = function() {

            // 可以返回去
            // location.href = 'http://www.baidu.com';

            // 实现页面的跳转  --- 返回去
            location.assign('http://www.baidu.com');

            // 替换当前文档  --- 不能返回去
            // location.replace('http://www.baidu.com') ;

            // location.reload()
        }




        // history  历史记录
        //    length  有几条历史记录
        //    forward()   前进一下
        //    back()      后退一下
        //    go()  去到指定的那一条记录
        //       正数表示前进，负数表示后退
        
        console.log(history);

        setTimeout(function(){
            // history.go(1);
            // history.forward()
        } , 3000)


    </script>
    
</body>
</html>